<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>增加员工</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="../../../../elementUI/index.css">
  <link rel="stylesheet" href="../../../../css/index.css">
</head>

<body>
  <div id="app" class="minWidth">
    <el-form :model="form" ref="contract" :rules="rules" inline-message="true" style="width: 100%">
      <div class="table_titel">
        <div class="titel">增加员工</div>
      </div>
      <el-descriptions :column="3" border size="small">
        <el-descriptions-item label="姓名">
          <el-form-item prop="Employee_Name">
            <el-input v-model.trim="form.Employee_Name" placeholder="请输入姓名"></el-input>
          </el-form-item>
        </el-descriptions-item>
        <el-descriptions-item label="服务类型">
          <el-form-item prop="Service_Category">
            <el-select v-model.trim="form.Service_Category" placeholder="请选择服务类型" filterable style="width: 100%">
              <el-option v-for="(item,index) in Service_Category" :key="index" :label="item" :value="item"></el-option>
            </el-select>
          </el-form-item>
        </el-descriptions-item>
        <el-descriptions-item label="移动电话">
          <el-form-item prop="Mobile">
            <el-input v-model.trim="form.Mobile" placeholder="请输入移动电话"></el-input>
          </el-form-item>
        </el-descriptions-item>
        <el-descriptions-item label="身份证号">
          <el-form-item prop="ID_Number">
            <el-input v-model.trim="form.ID_Number" placeholder="身份证号"></el-input>
          </el-form-item>
        </el-descriptions-item>
        <el-descriptions-item label="性别">
          <el-form-item prop="Gender">
            <el-radio-group v-model="form.Gender">
              <el-radio label="男" value="男"></el-radio>
              <el-radio label="女" value="女"></el-radio>
            </el-radio-group>
          </el-form-item>
        </el-descriptions-item>
        <el-descriptions-item label="民族">
          <el-form-item prop="Nation">
            <el-select v-model.trim="form.Nation" placeholder="民族" style="width: 100%" filterable>
              <el-option v-for="item in national()" :label="item" :value="item"></el-option>
            </el-select>
          </el-form-item>
        </el-descriptions-item>
        <el-descriptions-item label="学历">
          <el-form-item prop="Education">
            <el-select v-model.trim="form.Education" placeholder="学历" style="width: 100%" filterable>
              <el-option v-for="item in ducation()" :label="item" :value="item"></el-option>
            </el-select>
          </el-form-item>
        </el-descriptions-item>
        <el-descriptions-item label="户籍地址">
          <el-form-item prop="Residence_Address">
            <el-input v-model.trim="form.Residence_Address" placeholder="户籍地址"></el-input>
          </el-form-item>
        </el-descriptions-item>
        <el-descriptions-item label="现住址">
          <el-form-item prop="Current_Residence_Address">
            <el-input v-model.trim="form.Current_Residence_Address" placeholder="现住址"></el-input>
          </el-form-item>
        </el-descriptions-item>
        <el-descriptions-item label="户口性质">
          <el-form-item prop="Household_Register_Class">
            <el-input v-model.trim="form.Household_Register_Class" placeholder="户口性质"></el-input>
          </el-form-item>
        </el-descriptions-item>
        <el-descriptions-item label="入职日期">
          <el-form-item prop="Entry_Date">
            <el-date-picker v-model="form.Entry_Date" value-format="yyyy-MM-dd HH:mm:ss" align="right" type="date"
              placeholder="选择日期" style="width: 100%"></el-date-picker>
          </el-form-item>
        </el-descriptions-item>
        <el-descriptions-item label="离职日期">
          <el-form-item prop="Departure_Date">
            <el-date-picker v-model="form.Departure_Date" value-format="yyyy-MM-dd HH:mm:ss" align="right" type="date"
              placeholder="选择日期" style="width: 100%"></el-date-picker>
          </el-form-item>
        </el-descriptions-item>
        <el-descriptions-item label="合同流水号">
          <el-form-item prop="Contract_SerialNumber">
            <el-input v-model.trim="form.Contract_SerialNumber" placeholder="请输入合同流水号"></el-input>
          </el-form-item>
        </el-descriptions-item>
        <el-descriptions-item label="是否补缴保险">
          <el-form-item prop="Supplementary_Insurance">
            <el-radio-group v-model="form.Supplementary_Insurance">
              <el-radio :label="0" :value="0">不补缴(默认)</el-radio>
              <el-radio :label="1" :value="1">补缴</el-radio>
            </el-radio-group>
          </el-form-item>
        </el-descriptions-item>
      </el-descriptions>

      <el-form-item class="form-operation">
        <el-button @click="window.history.back()">返回</el-button>
        <el-button type="primary" :loading="loading" @click="submitForm('contract')">提交</el-button>
      </el-form-item>
    </el-form>
  </div>
  <script type="text/javascript" src="../../../../js/jquery-3.6.0.min.js"></script>
  <script type="text/javascript" src="../../../../js/jquery.cookie.js"></script>
  <script type="text/javascript" src="../../../../js/vue.min.js"></script>
  <script type="text/javascript" src="../../../../elementUI/index.js"></script>
  <script type="text/javascript" src="../../../../js/utils.js"></script>
  <script type="text/javascript" src="../../../../js/ID_Validity.js"></script>
  <script type="text/javascript" src="./js/Add.js"></script>
</body>

</html>